﻿@using FineAdmin.Model;
@{
    ViewBag.Title = "留言";
    var BlogCommentList = ViewBag.BlogCommentList as List<BlogCommentModel>;
}
@section styles{

}
<div class="content whisper-content leacots-content">
    <div class="cont w1000">
        <div class="whisper-list">
            <div class="item-box">
                <div class="review-version">
                    <div class="form-box">
                        <img class="banner-img" src="../BlogStatic/img/liuyan.jpg">
                        <div class="form">
                            <form class="layui-form" action="">
                                <div class="layui-form-item layui-form-text">
                                    <div class="layui-input-block">
                                        <textarea name="desc" id="desc" placeholder="既然来了，就说几句 （审核后将会显示）" class="layui-textarea"></textarea>
                                    </div>
                                </div>
                                <div class="layui-form-item" style="text-align: right;">
                                    <div class="layui-inline">
                                        <input type="text" id="nickname" placeholder="昵称" class="layui-input" />
                                    </div>
                                    <div class="layui-inline">
                                        <img src="/Comments/GetSubmitCode" onclick="getcode()" id="codeimg" />
                                    </div>
                                    <div class="layui-inline">
                                        <input type="text" id="vcode" placeholder="验证码" class="layui-input" />
                                    </div>
                                    <div class="layui-inline">
                                        <button class="layui-btn definite" type="button">確定</button>
                                    </div>
                                    @*<div class="layui-input-block" style="text-align: right;">
            <img src="/Comments/GetSubmitCode" onclick="getcode()" id="codeimg" />
            <input type="text" id="vcode" placeholder="验证码" class="layui-input" />
            <button class="layui-btn definite">確定</button>
        </div>*@
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class="volume" id="volume">
                        全部留言 <span>@ViewBag.Total</span>
                    </div>
                    <div class="list-cont">
                        @foreach (var item in BlogCommentList)
                        {
                            <div class="cont">
                                <div class="img">
                                    <img src="../BlogStatic/img/header.png" alt="">
                                </div>
                                <div class="text">
                                    <p class="tit"><span class="name">@(string.IsNullOrWhiteSpace(item.NickName) ? "热心网友":item.NickName)</span><span class="data">@item.CreateTime</span></p>
                                    <p class="ct">@Html.Raw(item.Contents)</p>
                                </div>
                            </div>
                        }

                        @*<div class="cont">
                                <div class="img">
                                    <img src="../BlogStatic/img/header.png" alt="">
                                </div>
                                <div class="text">
                                    <p class="tit"><span class="name">吳亦凡</span><span class="data">2018/06/06</span></p>
                                    <p class="ct">敢问大师，师从何方？上古高人呐逐一地看完你的作品后，我的心久久 不能平静！这世间怎么可能还有如此精辟的作品？我不敢相信自己的眼睛。自从改革开放以后，我就以为再也不会有任何作品能打动我，没想到今天看到这个如此精妙绝伦的作品好厉害！</p>
                                </div>
                            </div>
                            <div class="cont">
                                <div class="img">
                                    <img src="../BlogStatic/img/header.png" alt="">
                                </div>
                                <div class="text">
                                    <p class="tit"><span class="name">吳亦凡</span><span class="data">2018/06/06</span></p>
                                    <p class="ct">敢问大师，师从何方？上古高人呐逐一地看完你的作品后，我的心久久 不能平静！这世间怎么可能还有如此精辟的作品？我不敢相信自己的眼睛。自从改革开放以后，我就以为再也不会有任何作品能打动我，没想到今天看到这个如此精妙绝伦的作品好厉害！</p>
                                </div>
                            </div>
                            <div class="cont">
                                <div class="img">
                                    <img src="../BlogStatic/img/header.png" alt="">
                                </div>
                                <div class="text">
                                    <p class="tit"><span class="name">吳亦凡</span><span class="data">2018/06/06</span></p>
                                    <p class="ct">敢问大师，师从何方？上古高人呐逐一地看完你的作品后，我的心久久 不能平静！这世间怎么可能还有如此精辟的作品？我不敢相信自己的眼睛。自从改革开放以后，我就以为再也不会有任何作品能打动我，没想到今天看到这个如此精妙绝伦的作品好厉害！</p>
                                </div>
                            </div>
                            <div class="cont">
                                <div class="img">
                                    <img src="../BlogStatic/img/header.png" alt="">
                                </div>
                                <div class="text">
                                    <p class="tit"><span class="name">吳亦凡</span><span class="data">2018/06/06</span></p>
                                    <p class="ct">敢问大师，师从何方？上古高人呐逐一地看完你的作品后，我的心久久 不能平静！这世间怎么可能还有如此精辟的作品？我不敢相信自己的眼睛。自从改革开放以后，我就以为再也不会有任何作品能打动我，没想到今天看到这个如此精妙绝伦的作品好厉害！</p>
                                </div>
                            </div>
                            <div class="cont">
                                <div class="img">
                                    <img src="../BlogStatic/img/header.png" alt="">
                                </div>
                                <div class="text">
                                    <p class="tit"><span class="name">吳亦凡</span><span class="data">2018/06/06</span></p>
                                    <p class="ct">敢问大师，师从何方？上古高人呐逐一地看完你的作品后，我的心久久 不能平静！这世间怎么可能还有如此精辟的作品？我不敢相信自己的眼睛。自从改革开放以后，我就以为再也不会有任何作品能打动我，没想到今天看到这个如此精妙绝伦的作品好厉害！</p>
                                </div>
                            </div>
                            <div class="cont">
                                <div class="img">
                                    <img src="../BlogStatic/img/header.png" alt="">
                                </div>
                                <div class="text">
                                    <p class="tit"><span class="name">吳亦凡</span><span class="data">2018/06/06</span></p>
                                    <p class="ct">敢问大师，师从何方？上古高人呐逐一地看完你的作品后，我的心久久 不能平静！这世间怎么可能还有如此精辟的作品？我不敢相信自己的眼睛。自从改革开放以后，我就以为再也不会有任何作品能打动我，没想到今天看到这个如此精妙绝伦的作品好厉害！</p>
                                </div>
                            </div>
                            <div class="cont">
                                <div class="img">
                                    <img src="../BlogStatic/img/header.png" alt="">
                                </div>
                                <div class="text">
                                    <p class="tit"><span class="name">吳亦凡</span><span class="data">2018/06/06</span></p>
                                    <p class="ct">敢问大师，师从何方？上古高人呐逐一地看完你的作品后，我的心久久 不能平静！这世间怎么可能还有如此精辟的作品？我不敢相信自己的眼睛。自从改革开放以后，我就以为再也不会有任何作品能打动我，没想到今天看到这个如此精妙绝伦的作品好厉害！</p>
                                </div>
                            </div>*@
                    </div>
                </div>
            </div>
        </div>
        <div id="demo" style="text-align: center;"></div>
    </div>
</div>
@*<script type="text/html" id="laytplCont">
    <div class="cont">
        <div class="img">
            {{#  if(d.avatar){ }}
            <img src="{{d.avatar}}" alt="">
            {{#  } else { }}
            <img src="../BlogStatic/img/header.png" alt="">
            {{# } }}
        </div>
        <div class="text">
            <p class="tit"><span class="name">{{d.name}}</span><span class="data">2018/06/06</span></p>
            <p class="ct">{{d.cont}}</p>
        </div>
    </div>
</script>*@



@section scripts{
    <script>
        var Total = "@ViewBag.Total";
        var Page = "@ViewBag.Page";
    </script>
    <script type="text/javascript">
        function getcode() {
            //$("#code").src = '/mobile/GetSubmitCode?' + Math.random()
            document.getElementById("codeimg").src = "/Comments/GetSubmitCode?r=" + Math.random();
        }

        layui.config({
            base: '../BlogStatic/js/util/'
        }).use(['element', 'laypage', 'form', 'menu'], function () {
            element = layui.element, laypage = layui.laypage, form = layui.form, menu = layui.menu;
            laypage.render({
                elem: 'demo'
                , curr: Page
                , count: Total //数据总数，从服务端得到
                , jump: function (obj, first) {
                    //obj包含了当前分页的所有参数，比如：
                    console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
                    console.log(obj.limit); //得到每页显示的条数
                    
                    //首次不执行
                    if (!first) {
                        //do something
                        window.location.href = "/Comments?p=" + obj.curr +"#volume";
                    }
                }
            });

            menu.init();
            menu.submit()
        })
    </script>

}
